<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>05_节点操作-子节点-childNodes</title>
    </head>
    <body>
        <ul id="u1">
            付佳乐
            <li>唐伯虎</li>
            <li>祝枝山</li>
            <!-- 江南四大才子 -->
            <li>文征明</li>
            <li>徐祯卿</li>
        </ul>

        <script>
            // 低级浏览器是不支持querySelector的
            // var ul = document.querySelector('ul');
            var ul = document.getElementById('u1');
            // childNodes---子节点  
            
            // 高级浏览器: 元素(li),文本(文本,空格,换行),注释
            console.log(ul.childNodes);
        </script>
    </body>
</html>